<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RadioVIS Administration</title>
<style>
	BODY { font-family:Arial, Helvetica, sans-serif; padding: 2px 10px;}
	H1, H2 {margin: 5px 0px;}
	#status { clear:both; font-size:0.8em;}
	#left {	width: 48%;	float: left; }
	#right { width: 48%; float: right; }
	
	#textList li, #imageList li { border:1px solid #DADADA; background-color:#EFEFEF; padding:3px 5px; margin-bottom:3px; 
									margin-top:3px; width:90%; list-style-type:none; color:#666666; font-size:0.8em; }
	li:hover { background-color:#FFF; cursor:move; }
	#viewer { clear:both; position: relative; left: 50%; padding-top: 10px; margin-left: -165px; width: 330px; height: 320px; overflow: hidden;}
	#viewerQWERTY { position: absolute; left: 50%; margin-left: -160px; width: 320px; height: 320px; overflow: hidden; }
   
	#viewer ul { list-style: none; width: 340px; height: 250px; margin: 0px; padding: 0px;}
	#viewer ul li { position: relative; top: 0; left: 0; }
	#viewer ul li img { width: 320px; height: 240px; border: 1px solid #aaa;
				 -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc; 
				/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
				/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); }
	
	#serverStatus {font-style:italic}
	#cometText {text-align: center;}
	.instructions { background-color: #FFF6C6; padding: 5px; margin: 5px; color: #575757; font-size: 0.8em; border: 1px solid #ededed;}
	
	#stationForm select { float: left; clear: left; }
	#stationForm input { float:left; clear: left; text-align:center;}
	#stationForm label { float: left; clear: left; font-size:0.7em; text-align:center;}
	#stationError { width:90%;  background-color: #ffffcc; border: 1px solid #dedede;  margin: 5px; padding: 2px;  display: none; }
	.parameter, .amParameter, .dabParameter, .fmParameter, .hdParameter{ float: left; border: 1px #c7c7c7 solid; padding: 2px; padding-left:5px; margin-right:5px;}
	.dabParameter, .fmParameter, .hdParameter { display: none; }
	#topic { float: right; height: 2em; }	
	
</style>
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.editable-1.3.3.min.js"></script>
<script type="text/javascript" src="/js/Visclient.class.js"></script>
<script type="text/javascript" src="/js/admin.js"></script>
</head>
<body>
<h1>RadioVIS Server</h1>
<div id="container1">
<fieldset>
<legend>Controls</legend>
<div id="status">
Server status: <span id="serverStatus"></span>
<input type="button" id="serverStart" value="Start" />
<input type="button" id="serverStop" value="Stop" />
</div>
</fieldset>
<form name="stationForm" id="stationForm">
<fieldset>
<legend>Station Parameters</legend>
<div id="stationError"></div>
<div class="parameter">
<label for="bearer">Bearer</label>
<select name="bearer" id="bearer">
  <option value="am" selected>AM</option>
  <option value="dab">DAB</option>
  <option value="fm">VHF</option>
  <option value="hd">HD</option>
</select>
</div><div class="amParameter">
<label id="amTypelabel" for="amType">Broadcast type:</label>
<select name="amType" id="amType">
  <option value="drm">DRM</option>
  <option value="amss">AMSS</option>
</select>
</div><div class="amParameter">
<label id="amSidlabel" for="amSid">Service Identifier</label>
<input name="amSid" id="amSid" size="6" maxlength="6" />
</div><div class="dabParameter">
<label id="dabEcclabel" for="dabEcc">Country Code</label>
<input name="dabEcc" id="dabEcc" size="3" maxlength="3" />
</div><div class="dabParameter">
<label id="dabEidlabel" for="dabEid">Ensemble Identfer</label>
<input name="dabEid" id="dabEid" size="4" maxlength="4" />
</div><div class="dabParameter">
<label id="dabSidlabel" for="dabSid">Service Identifier</label>
<input name="dabSid" id="dabSid" size="8" maxlength="8" />
</div><div class="dabParameter">
<label id="dabScidslabel" for="dabScids">Service Component Identfer</label>
<input name="dabScids" id="dabScids" size="3" maxlength="3" />
</div><div class="dabParameter">
<label id="dabApptylabel" for="dabAppty">X-PAD and User Application Types</label>
<input name="dabAppty" id="dabAppty" size="6" maxlength="6" />
</div><div class="dabParameter">
<label id="dabPalabel" for="dabPa">Packet Address</label>
<input name="dabPa" id="dabPa" size="4" maxlength="4" />
</div><div class="fmParameter">
<label id="fmEcclabel" for="fmEcc">Country code or identifier</label>
<input name="fmEcc" id="fmEcc" size="3" maxlength="3" />
</div><div class="fmParameter">
<label id="fmPilabel" for="fmPi">PI Code</label>
<input name="fmPi" id="fmPi" size="4" maxlength="4" />
</div><div class="fmParameter">
<label id="fmFreqlabel" for="fmFreq">Frequency (MHz)</label>
<input name="fmFreq" id="fmFreq" size="6" maxlength="6" />
</div><div class="hdParameter">
<label id="hdCclabel" for="hdCc">Country Code</label>
<input name="hdCc" id="hdCc" size="3" maxlength="3" />
</div><div class="hdParameter">
<label id="hdTxlabel" for="hdTx">Transmitter Identifier</label>
<input name="hdTx" id="hdTx" size="5" maxlength="5" />
</div>
<input name="setButton" id="setButton" type="button" value="set" />
<div id="topic"></div>
</fieldset>
</form>
</div>
<!--div id="topic"></div-->
<div id="left">
<fieldset>
<legend>Messages</legend>
<div class="instructions">Enter the text messages in the boxes below. Click to edit, or drag to reorder. To save any changes and refresh the feed, click the update button.</div>
<ul id="textList"></ul>
<input type="submit" id="textUpdate" value="Update" />
</fieldset>
</div>
<div id="right">
<fieldset>
<legend>Slide URLs</legend>
<div class="instructions">Enter the URLs for the slides in the boxes below - eg http://imgur.com/Ibi3c.jpg<br />Click to edit, or drag to reorder. To save any changes and refresh the feed, click the update button.</div>
<ul id="imageList"></ul>
<input type="submit" id="imageUpdate" value="Update" />
</fieldset>
</div>
<div id="viewer">
<p id="cometText">Viewer</p>
<div>
<ul><li></li></ul>
</div>
</div>
<!--p id="cometText">Comet Viewer</p-->
</body>
</html>
